<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>爱尔玛消防设备有限公司</title>
<link rel="stylesheet" href="public/css/global.css" />
<link rel="stylesheet" href="public/css/lanren.css" />
<link rel="stylesheet" href="public/css/lllmm.css" />
<script type="text/javascript" src="public/js/jquery.min.js"></script>
<script type="text/javascript" src="public/js/jquery-1.4.2.min.js"></script>
		<script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script>
		<script src="public/js/jquery.sequence-min.js"></script>
		<script src="public/js/sequencejs-options.modern-slide-in.js"></script>
				<script src="public/js/donghua.js"></script>
				<link href="public/css/xgstyle3.css" type="text/css" rel="stylesheet" />

</head>
 <script type="text/javascript" src="public/js/jcarousellite.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#box2").jCarouselLite({
                btnPrev: "#prevs1",
                btnNext: "#nexts1",
                auto: true,
                scroll: 1, //每次滚动覆盖的图片个数
                speed: 1500, //设置速度，0是不动。其次就是数字越大 ，移动越慢。
                vertical: false, //竖向（true），横向（false）
                visible: 5, //显示的数量
                circular: true //是否循环
            });
        });
    </script>
<script type="text/javascript">
	$(document).ready(function(e) {
	//导航
	$(".nav>ul>li>a").not(":first").mouseenter(function(){
		if($(this).next(".sub-nav").length == 0){
			$(".black").hide();
		}else{
			$(".black").show();
		}
		var sumW = 0;
		$(".sub-nav").hide();
		$(this).next(".sub-nav").show();
		$(this).next(".sub-nav").find("a").each(function(index, element) {
            var aW = $(this).outerWidth(true)+35;
			sumW += aW;
        });
		
		var thisW = $(this).width();
		var navLeft = parseInt((sumW*0.5))-parseInt((thisW*0.5));
		$(this).next(".sub-nav").css({
			"width":sumW+'px',
			"left":-navLeft+'px'
		});
		
	});	
	
	$(".nav").mouseleave(function(){
		$(".black").hide();
		$(".sub-nav").hide();
	});
	
	$(".nav>ul>li>a:first").mouseenter(function(){
		$(".black").hide();
		$(".sub-nav").hide();
	});
		
	$(".menu-btn").click(function(){
		$(".nav").stop(false,true).slideToggle(300);
	});
	
	
	//弹窗详情
	$(".news-list-box dl,.product-box ul li,.recruit-wrap dl").click(function(){
		var scrollTop = $(window).scrollTop();
		
		$(".mask").show();
		$(".popup-box").show().css("top",scrollTop+50+'px');
	});
	
	$(".popup-box .close").click(function(){
		$(".mask").hide();
		$(".popup-box").hide();
	});
	
	$(".product-box ul li").mouseenter(function(){
		$(".product-box ul li p").slideUp(200);
		$(this).find("p").stop(false,true).slideDown(200);
	});
	$(".product-box ul li").mouseleave(function(){
		$(this).find("p").stop(false,true).slideUp(200);
	});
	
});
</script>
<body style="text-align: center; margin-left:auto; margin-right:auto;" >
<!--顶部开始-->
<div class="top">
	<div class="topMain">
    	<span style="font-family:'微软雅黑',arial;">欢迎爱尔玛消防设备有限公司官方网站</span>
        <p style="font-family:'微软雅黑',arial;">联系电话：0533-7313079</p>
    </div>
</div>
<!--顶部结束-->


<!--导航开始-->
<div class="nav" >

	
	<ul class="clearfix1">
		
		<li style="position: relative;top:-35px;left: -55%;">
			<img src="public/images/logo.png">
		</li>
	
					
					</ul>
					</div>
			<div class="navs1" >		
					<ul class="clearfixs1">
		
	
		<li id="nav_10001">
			<a href='index.html' title='网站首页'>网站首页</a></li>
			<li id='nav_1'>
				<a href='pro2.html'  title='新闻中心'>产品中心</a>
				<div class="sub-product" style="display:none;position:relative; font-size: inherit; top:110px; left: -200px; background-image: url('public/images/dhbg.jpg') ;background-color:#F8F8FF;  border: 0px solid #ffffff ; border-radius:2px 2px 15px 15px; border-top: 4px solid #000093; height: 340px; width: 635px; ">
					
					<a href='pro2.html' title='企业新闻' style="color:#000093; font-family:'微软雅黑'; padding:5px; position:absolute; float:left; top:210px; left: 20px; height: 10px; " >地上消火栓</a>
					<a href='pro2_2.html' title='企业新闻' style="color:#000093; font-family:'微软雅黑'; padding:5px; position:absolute; float:left; top:240px; left: 20px; height: 10px; " >地下消火栓</a>
					<a href='xiaofangshuibengjieheqi.html' title='企业新闻' style="color:#000093; font-family:'微软雅黑'; padding:5px; position:absolute; float:left; top:270px; left: 20px;  height: 10px; " >消防水泵接合器</a>
					<a href='fangdaojiami.html' title='企业新闻' style="color:#000093; font-family:'微软雅黑'; padding:5px; position:absolute; float:left; top:300px; left: 20px; height: 10px; " >防盗加密型消火栓</a>
					<a href='paomoqiang.html' title='企业新闻' style="color:#000093; font-family:'微软雅黑'; padding:5px; position:absolute; float:left; top:210px; left: 140px; height: 10px; " >泡沫枪</a>
					<a href='paomoxiaohuoshuan.html' title='企业新闻' style="color:#000093; font-family:'微软雅黑'; padding:5px; position:absolute; float:left; top:240px; left: 140px; height: 10px;  ">泡沫消火栓</a>
					<a href='pinghengshi.html' title='企业新闻' style="color:#000093; font-family:'微软雅黑'; padding:5px; position:absolute; float:left; top:270px; left: 140px; height: 10px; " >平衡式比例混合装置</a>
					<a href='paomochanshengqi.html' title='企业新闻' style="color:#000093; font-family:'微软雅黑'; padding:5px; position:absolute; float:left; top:300px; left: 140px; height: 10px; " >低倍数空气泡沫产生器</a>
					<a href='pentou.html' title='企业新闻' style="color:#000093; font-family:'微软雅黑'; padding:5px; position:absolute; float:left; top:210px; left: 280px; height: 10px; " >喷头</a>
					<a href='paomomiehuoji.html' title='企业新闻' style="color:#000093; font-family:'微软雅黑'; padding:5px; position:absolute; float:left; top:240px; left: 280px; height: 10px; " >泡沫灭火剂</a>
					<a href='yalishi.html' title='企业新闻' style="color:#000093; font-family:'微软雅黑'; padding:5px; position:absolute; float:left; top:270px; left: 280px; height: 10px; " >压力式比例混合装置</a>
					<a href='bangudingpaomomiehuo.html' title='企业新闻' style="color:#000093; font-family:'微软雅黑'; padding:5px; position:absolute; float:left; top:300px; left: 280px; height: 10px; " >半固定泡沫灭火装置</a>
					<a href='xiaofangxiang.html' title='企业新闻' style="color:#000093; font-family:'微软雅黑'; padding:5px; position:absolute; float:left; top:210px; left: 410px; height: 10px; " >消防箱</a>
					<a href='xiaofangpaopaozuo.html' title='企业新闻' style="color:#000093; font-family:'微软雅黑'; padding:5px; position:absolute; float:left; top:240px; left: 410px; height: 10px; " >消防炮炮座</a>
					<a href='xiaofangpao.html' title='企业新闻' style="color:#000093; font-family:'微软雅黑'; padding:5px; position:absolute; float:left; top:270px; left: 410px; height: 10px; " >固定式消防炮</a>
					<a href='rentijingdianshifangqi.html' title='企业新闻' style="color:#000093; font-family:'微软雅黑'; padding:5px; position:absolute; float:left; top:300px; left: 410px; height: 10px; " >防爆人体静电释放器</a>
					<a href='penlinzhuangzhi.html' title='企业新闻' style="color:#000093; font-family:'微软雅黑'; padding:5px; position:absolute; float:left; top:210px; left: 520px; height: 10px; " >喷淋装置 </a>
					<a href='pro2_3.html' title='企业新闻' style="color:#000093; font-family:'微软雅黑'; padding:5px; position:absolute; float:left; top:240px; left: 520px; height: 10px; " >室内消火栓</a>
					<a href='xiangshixiaofangshuan.html' title='企业新闻' style="color:#000093; font-family:'微软雅黑'; padding:5px; position:absolute; float:left; top:270px; left: 520px; height: 10px; " >室外箱式消火栓</a>
					<a href='shuanpaoyiti.html' title='企业新闻' style="color:#000093; font-family:'微软雅黑'; padding:5px; position:absolute; float:left; top:300px; left: 520px; height: 10px; " >栓炮一体消火栓</a>
					<div style="position:absolute; float:left; top:190px; left: 20px; height: 1px; width:605px; margin:0px auto;padding:0px;background-color:#7B7B7B;overflow:hidden;">
					</div>
					<img src="public/images/cpdh.jpg" style="position: absolute ; left: 20px;top:20px" />
					</div>
				</li>
					<li id='nav_4'><a href='gongsijianjie.html'  title='关于我们'>关于我们</a>
						<div class="sub-nav" style="background-image: url('public/images/dhbg.jpg');padding:10px; height: 160px; width: 800px; ">
							<a href='gongsijianjie.html' title='公共消防解决方案' style="padding:5px; position:absolute; float:left; top:10px; left: 20px;  height: 10px; ">公司简介</a>
							<a href='qiyewenhua.html' title='企业文化' style="padding:5px; position:absolute; float:left; top:40px; left: 20px;  height: 10px; ">企业文化</a>
							<a href='shehuizeren.html' title='企业文化' style="padding:5px; position:absolute; float:left; top:70px; left: 20px;  height: 10px; ">社会责任</a>
							<a href='guanlitixi.html' title='管理体系' style="padding:5px; position:absolute; float:left; top:100px; left: 20px;  height: 10px; ">管理体系</a>
							<div style="position:absolute; float:left; top:20px; left: 110px; height: 120px; width:1px; margin:0px auto;padding:0px;background-color:#7B7B7B;overflow:hidden;">
							</div>
							<img src="public/images/gywmdh.jpg" style="position: absolute ; left: 135px;top:20px" />
							<div style="position: absolute ; left: 250px;top:140px;font-size:smaller ">关于我们</div>
							</div>
					</li>
					
					<li id='nav_29'><a href='xinwenzhonxin.html'  title='新闻中心'>新闻中心</a></li>
							
					<li id='nav_11'><a href='yingyezhizhao.html'  title='企业资质'>企业资质</a>
							<div class="sub-nav" style="background-image: url('public/images/dhbg.jpg');padding:10px; height: 160px; width: 800px; ">
							<a href='yingyezhizhao.html' title='营业执照' style="padding:5px; position:absolute; float:left; top:10px; left: 20px;  height: 10px; ">营业执照</a>
							<a href='yanfaanli.html' title='企业资质' style="padding:5px; position:absolute; float:left; top:40px; left: 20px;  height: 10px; "  >研发实力</a>
							<a href='zhuanlizhengshu.html' title='专利证书'style="padding:5px; position:absolute; float:left; top:70px; left: 20px;  height: 10px; " >专利证书</a>
							<a href='zizhirongyu.html' title='资质荣誉' style="padding:5px; position:absolute; float:left; top:100px; left: 20px;  height: 10px; ">资质荣誉</a>

							<div style="position:absolute; float:left; top:20px; left: 110px; height: 120px; width:1px; margin:0px auto;padding:0px;background-color:#7B7B7B;overflow:hidden;">
							</div>
							<img src="public/images/qyzzbg.jpg" style="position: absolute ; left: 135px;top:20px" />
							<div style="position: absolute ; left: 250px;top:140px;font-size:smaller ">企业资质</div>
							</div>
					</li>
					<li id='nav_25'><a href='gongchengyeji.html'  title='工程业绩'>工程业绩</a></li>
					
					<li id='nav_14'><a href='lianxiwomen.html'  title='关于我们'>联系我们</a></li>
					
					</ul>
					</div>
					<div class="yinying">

</div>								

<!--导航结束-->


<!--banner结束-->


<!--代码部分begin-->
		<div class="sequence-theme" >
			<div id="sequence" >
				<img class="sequence-prev" src="public/images/bt-prev.png" alt="Previous Frame" />
				<img class="sequence-next" src="public/images/bt-next.png" alt="Next Frame" />
				<ul class="sequence-canvas">
					<li class="animate-in">
						<img class="model" src="public/images/img2.jpg"  alt="Model 1" />
					</li>
					<li>
						<img class="model" src="public/images/img3.jpg"  alt="Model 2" />
					</li>
					<li>
						<img class="model" src="public/images/img1.jpg" alt="Model 3" />
					</li>
				</ul>

				<ul class="sequence-pagination">
					<li><img src="public/images/model.jpg" alt="Model 1" /></li>
					<li><img src="public/images/model.jpg" alt="Model 2" /></li>
					<li><img src="public/images/model.jpg" alt="Model 3" /></li>
				</ul>
			</div>
		</div>

		<!--代码部分end-->


	<div class="bigmain">
    <div class="main container auto fix">
        <div class="main_top fix">

            <div class="guanyu fl rel">
                <div class="title1 rel" align="left"> 
                    新闻中心
                    <bdo>NEWS</bdo>
                    <a href="xinwenzhonxin.html">了解更多</a>
                </div>
                
                 <div class="xinwen_01 fix">
                 <a href="xinwenzhonxin.html">
                        <img src="public/images/xinwenzhongxin.jpg" width="299" height="204" class="fl">
                      </a>                      <ul class="fr fs">
                        <li><a href="xinwenzhongxin/xinwen1.html">公司参加山东消防安全技术... </a> </li><li><a href="xinwenzhongxin/xinwen2.html">我公司在中石化青岛炼化... </a> </li><li><a href="xinwenzhongxin/xinwen3.html">13S201室外消火栓及消防水鹤安装... </a> </li><li><a href="xinwenzhongxin/xinwen4.html">恭贺我公司获得11315... </a> </li>
                      <li><a href="xinwenzhongxin/xinwen4.html">恭贺我公司获得11315全国企... </a> </li>
                       <li><a href="xinwenzhongxin/xinwen5.html">“五一”消防安全提示... </a> </li>
                      </ul>
                   </div>
                </div>



            <div class="zhongxin fr ">
                <div class="title1 rel mb5" align="left">
                    工程业绩
                    <bdo>Projects</bdo>
                    <a href="gongchengyeji.html">了解更多</a>
                </div>
              
 <div class="xinwen_01 fix">
                 <a href="gongchengyeji.html">
                        <img src="public/images/zgsh.jpeg" width="112" height="112" style="margin:0 20px 0 0;border:1px solid #c7c7c7;"class="fl">
                      </a>       
                      <a href="gongchengyeji/zgsy.html">
                        <img src="public/images/zgsy.jpg" width="112" height="112" style="margin:0 20px 0 0;border:1px solid #c7c7c7;" class="fl">
                      </a>  
                      <a href="gongchengyeji/zgzh.html">
                        <img src="public/images/zgzh.jpg" width="112" height="112" style="margin:0 20px 0 0;border:1px solid #c7c7c7;" class="fl">
                      </a>  
                      <a href="gongchengyeji/zhy.html">
                        <img src="public/images/zhy.jpg" width="112" height="112"  style="margin:0 20px 0 0;border:1px solid #c7c7c7;" class="fl">
                      </a>                
                   </div>
             </div>
        </div>

	
	 <div class="xgtes1">
                        <div class="xgdg2" style="width: 944px; display: none;">产品中心</div>
                        <div style="height: 44px;  border-bottom: 1px solid #efefef; line-height: 44px; ">
                             <div class="title1 rel" align="left"> 
                    热点产品
                    <bdo>PRODUCT</bdo>
                    <a href="pro2.html">了解更多</a>
                </div>
                        </div>
                        <div class="xgte1s1 clearfix">
                            <div class="xgte2">
                                <a href="javascript:void(0)" id="prevs1">
                                    <img src="public/images/xgtepic1.png" /></a>
                            </div>
                            <div class="xgte3s1" style="overflow: hidden;">
                                <div class="xgte8"></div>
                                <div id="box2">
                                    <ul class="clearfix">
                                           <li>
                                                    <div class="xgte5s1">
                                                        <div class="newhot" style="top: 5px; left: 0;"></div>
                                                        
                                                        <a href="gudingxiaofangpao/PS304050-01.html">
                                                            <img src="public/images/ps30ps40ps50.jpg" width="150" height="180" /></a>
                                                    </div>
                                                    <div class="xgte6" ><a href="gudingxiaofangpao/PS304050-01.html"  style="color:#C4261D; font-size:12px;">PS30、PS40、PS50固定式消防炮</a></div>
                                                    
                                                </li>
                                            
                                                <li>
                                                    <div class="xgte5s1">
                                                        <div class="newhot" style="top: 5px; left: 0;"></div>
                                                        
                                                        <a href="PS40.html">
                                                            <img src="public/images/ps40w.jpg" width="150" height="180" /></a>
                                                    </div>
                                                    <div class="xgte6" ><a href="gudingxiaofangpao/PS40.html"  style="color:#C4261D; font-size:12px;">PS40W固定式消防炮</a></div>
                                                    
                                                </li>
                                            
                                                <li>
                                                    <div class="xgte5s1">
                                                        <div class="newhot" style="top: 5px; left: 0;"></div>
                                                        
                                                        <a href="gudingxiaofangpao/PS60.html">
                                                            <img src="public/images/ps60.jpg" width="150" height="180" /></a>
                                                    </div>
                                                    <div class="xgte6" ><a href="gudingxiaofangpao/PS60.html"  style="color:#C4261D; font-size:12px;">PS60固定式消防炮</a></div>
                                                    <div class="xgte7"></div>
                                                </li>
                                            
                                                <li>
                                                    <div class="xgte5s1">
                                                        <div class="newhot" style="top: 5px; left: 0;"></div>
                                                        
                                                        <a href="dishangxiaohuoshuan/ss.html">
                                                            <img src="public/images/ss100.jpg" width="150" height="180" /></a>
                                                    </div>
                                                    <div class="xgte6" ><a href="dishangxiaohuoshuan/ss.html"  style="color:#C4261D; font-size:12px;">SS100-65-1.6地上消火栓</a></div>
                                                 
                                                </li>
                                            
                                                <li>
                                                    <div class="xgte5s1">
                                                        <div class="newhot" style="top: 5px; left: 0;"></div>
                                                        
                                                        <a href="dishangxiaohuoshuan/ssf.html">
                                                            <img src="public/images/ssf150.jpg" width="150" height="180" /></a>
                                                    </div>
                                                    <div class="xgte6" ><a href="dishangxiaohuoshuan/ssf.html"  style="color:#C4261D; font-size:12px;">SSF150-80-1.6地上消火栓</a></div>
                                                    
                                                </li>
                                            
                                                <li>
                                                    <div class="xgte5s1">
                                                        <div class="newhot" style="top: 5px; left: 0;"></div>
                                                        
                                                        <a href="dishangxiaohuoshuan/ssft.html">
                                                            <img src="public/images/ssft100.jpg" width="150" height="180" /></a>
                                                    </div>
                                                    <div class="xgte6" ><a href="dishangxiaohuoshuan/ssft.html"  style="color:#C4261D; font-size:12px;">SSFT100-65-1.6地上消火栓</a></div>
                                                    
                                                </li>
                                            
                                                <li>
                                                    <div class="xgte5s1">
                                                        <div class="newhot" style="top: 5px; left: 0;"></div>
                                                        
                                                        <a href="dishangxiaohuoshuan/ssfw.html">
                                                            <img src="public/images/ssfw150.jpg" width="150" height="180" /></a>
                                                    </div>
                                                    <div class="xgte6" ><a href="dishangxiaohuoshuan/ssfw.html"  style="color:#C4261D; font-size:12px;">SSFW150-80-1.6地上消火栓</a></div>
                                                    
                                                </li>
                                            
                                                <li>
                                                    <div class="xgte5s1">
                                                        <div class="newhot" style="top: 5px; left: 0;"></div>
                                                        
                                                        <a href="dishangxiaohuoshuan/ssp.html">
                                                            <img src="public/images/ssp150.jpg" width="150" height="180" /></a>
                                                    </div>
                                                    <div class="xgte6" ><a href="dishangxiaohuoshuan/ssp.html"  style="color:#C4261D; font-size:12px;">SSP150-80-1.6地上消火栓</a></div>
                                                    
                                                </li>
                                            
                                                <li>
                                                    <div class="xgte5s1">
                                                        <div class="newhot" style="top: 5px; left: 0;"></div>
                                                        
                                                        <a href="dishangxiaohuoshuan/sst.html">
                                                            <img src="public/images/sst150.jpg" width="150" height="180" /></a>
                                                    </div>
                                                    <div class="xgte6" ><a href="dishangxiaohuoshuan/sst.html"  style="color:#C4261D; font-size:12px;">SST150-80-1.6地上消火栓</a></div>
                                                    
                                                </li>
                                            
                                                <li>
                                                    <div class="xgte5s1">
                                                        <div class="newhot" style="top: 5px; left: 0;"></div>
                                                        
                                                        <a href="bangudingpaomo/bangudingpaomo.html">
                                                            <img src="public/images/bgdpmmhzz.jpg" width="150" height="180" /></a>
                                                    </div>
                                                    <div class="xgte6" ><a href="bangudingpaomo/bangudingpaomo.html"  style="color:#C4261D; font-size:12px;">半固定泡沫灭火装置</a></div>
                                                    <div class="xgte7"></div>
                                                </li>
                                            
                                                <li>
                                                    <div class="xgte5s1">
                                                        <div class="newhot" style="top: 5px; left: 0;"></div>
                                                        
                                                        <a href="dishangxiaohuoshuan/buxiugang.html">
                                                            <img src="public/images/bxgdssmhs.jpg" width="150" height="180" /></a>
                                                    </div>
                                                    <div class="xgte6" ><a href="dishangxiaohuoshuan/buxiugang.html"  style="color:#C4261D; font-size:12px;">不锈钢地上式消火栓</a></div>
                                                   
                                                </li>
                                            
                                                <li>
                                                    <div class="xgte5s1">
                                                        <div class="newhot" style="top: 5px; left: 0;"></div>
                                                        
                                                        <a href="gudingxiaofangpao/diankongpaomo.html">
                                                            <img src="public/images/dkpmslyp.jpg" width="150" height="180" /></a>
                                                    </div>
                                                    <div class="xgte6" ><a href="gudingxiaofangpao/diankongpaomo.html" style="color:#C4261D; font-size:12px;">电控泡沫 水两用炮</a></div>
                                                    <div class="xgte7"></div>
                                                </li>
                                            
                                                <li>
                                                    <div class="xgte5s1">
                                                        <div class="newhot" style="top: 5px; left: 0;"></div>
                                                        
                                                        <a href="gudingxiaofangpao/fangbaodiankong.html">
                                                            <img src="public/images/fbdkxfsp.jpg" width="150" height="180" /></a>
                                                    </div>
                                                    <div class="xgte6" ><a href="gudingxiaofangpao/fangbaodiankong.html"  style="color:#C4261D; font-size:12px;">防爆电控消防水炮</a></div>
                                                    <div class="xgte7"></div>
                                                </li>
                                            
                                                <li>
                                                    <div class="xgte5s1">
                                                        <div class="newhot" style="top: 5px; left: 0;"></div>
                                                        
                                                        <a href="fangdaojiami/faodangjiami.html">
                                                            <img src="public/images/fdsdxxhs.jpg" width="150" height="180" /></a>
                                                    </div>
                                                    <div class="xgte6" ><a href="fangdaojiami/faodangjiami.html"  style="color:#C4261D; font-size:12px;">防盗型地下消火栓</a></div>
                                                    
                                                </li>
                                            
                                                <li>
                                                    <div class="xgte5s1">
                                                        <div class="newhot" style="top: 5px; left: 0;"></div>
                                                        
                                                        <a href="pinghengshi/pinghengshi.html">
                                                            <img src="public/images/phspm.jpg" width="150" height="180" /></a>
                                                    </div>
                                                    <div class="xgte6" ><a href="pinghengshi/pinghengshi.html"  style="color:#C4261D; font-size:12px;">平衡式泡沫比例混合装置1</a></div>
                                                    
                                                </li>
                                                
                                                <li>
                                                    <div class="xgte5s1">
                                                        <div class="newhot" style="top: 5px; left: 0;"></div>
                                                        
                                                        <a href="shiwaixiangshixiaohuoshuan/shiwaixiangshixiaohuoshuan.html">
                                                            <img src="public/images/rgjp.jpg" width="150" height="180" /></a>
                                                    </div>
                                                    <div class="xgte6" ><a href="shiwaixiangshixiaohuoshuan/shiwaixiangshixiaohuoshuan.html"  style="color:#C4261D; font-size:12px;">软管卷盘</a></div>
                                                    
                                                </li>
                                                
                                                <li>
                                                    <div class="xgte5s1">
                                                        <div class="newhot" style="top: 5px; left: 0;"></div>
                                                        
                                                        <a href="shuanpaoyiti/shuanpaoyiti.html">
                                                            <img src="public/images/qpyt.jpg" width="150" height="180" /></a>
                                                    </div>
                                                    <div class="xgte6" ><a href="shuanpaoyiti/shuanpaoyiti.html"  style="color:#C4261D; font-size:12px;">栓炮一体</a></div>
                                                    
                                                </li>
                                                
                                                <li>
                                                    <div class="xgte5s1">
                                                        <div class="newhot" style="top: 5px; left: 0;"></div>
                                                        
                                                        <a href="yalishi/yalishi.html">
                                                            <img src="public/images/yls.jpg" width="150" height="180" /></a>
                                                    </div>
                                                    <div class="xgte6" ><a href="yalishi/yalishi.html"  style="color:#C4261D; font-size:12px;">压力式泡沫比例混合装置</a></div>
                                                    
                                                </li>
                                            

                                    </ul>
                                </div>
                            </div>
                            <div class="xgte4">
                                <a id="nexts1" href="javascript:void(0)">
                                    <img src="public/images/xgte2.png" /></a>
                            </div>
                        </div>
                    </div>


            </div>
       
        
     
    
	
	
	
  
<footer>
    <div class=" bottom container auto">
          <a href="index.html"> 网站首页 </a><span>|</span>
					  					 <a href="pro2.html">产品中心</a><span>|</span><a href="gongsijianjie.html">关于我们</a><span>|</span><a href="xinwenzhonxin.html">新闻中心</a><span>|</span><a href="yingyezhizhao.html">企业资质</a><span>|</span><a href="gongchengyeji.html">工程业绩</a><span>|</span><a href="lianxiwomen.html">联系我们</a>          <bdo>地址：淄博临淄区稷下街道办王家庄工业园                    版权所有：淄博爱尔玛消防器材有限公司     鲁ICP备1501531</bdo>
    </div>
</footer>

<script type="text/javascript">
  var curIndex = 0, //当前index
      imgArr = getElementsByClassName("imgList")[0].getElementsByTagName("li"), //获取图片组
      imgLen = imgArr.length,
      infoArr = getElementsByClassName("infoList")[0].getElementsByTagName("li"), //获取图片info组
      indexArr = getElementsByClassName("indexList")[0].getElementsByTagName("li"); //获取控制index组
     // 定时器自动变换2.5秒每次
  var autoChange = setInterval(function(){ 
    if(curIndex < imgLen -1){ 
      curIndex ++; 
    }else{ 
      curIndex = 0;
    }
    //调用变换处理函数
    changeTo(curIndex); 
  },2500);
 
  //清除定时器时候的重置定时器--封装
  function autoChangeAgain(){ 
      autoChange = setInterval(function(){ 
      if(curIndex < imgLen -1){ 
        curIndex ++;
      }else{ 
        curIndex = 0;
      }
    //调用变换处理函数
      changeTo(curIndex); 
    },2500);
    }
 
  //调用添加事件处理
  addEvent();
 
  //给左右箭头和右下角的图片index添加事件处理
 function addEvent(){
  for(var i=0;i<imgLen;i++){ 
    //闭包防止作用域内活动对象item的影响
    (function(_i){ 
    //鼠标滑过则清除定时器，并作变换处理
    indexArr[_i].onmouseover = function(){ 
      clearTimeout(autoChange);
      changeTo(_i);
      curIndex = _i;
    };
    //鼠标滑出则重置定时器处理
    indexArr[_i].onmouseout = function(){ 
      autoChangeAgain();
    };
     })(i);
  }
 
  //给左箭头prev添加上一个事件
  var prev = document.getElementById("prev");
  prev.onmouseover = function(){ 
    //滑入清除定时器
    clearInterval(autoChange);
  };
  prev.onclick = function(){ 
    //根据curIndex进行上一个图片处理
    curIndex = (curIndex > 0) ? (--curIndex) : (imgLen - 1);
    changeTo(curIndex);
  };
  prev.onmouseout = function(){ 
    //滑出则重置定时器
    autoChangeAgain();
  };
 
   //给右箭头next添加下一个事件
  var next = document.getElementById("next");
  next.onmouseover = function(){ 
    clearInterval(autoChange);
  };
  next.onclick = function(){ 
    curIndex = (curIndex < imgLen - 1) ? (++curIndex) : 0;
    changeTo(curIndex);
  };
  next.onmouseout = function(){ 
    autoChangeAgain();
  };
}
 
  //左右切换处理函数
  function changeTo(num){ 
    //设置image
    var imgList = getElementsByClassName("imgList")[0];
    goLeft(imgList,num*284); //左移一定距离
    //设置image 的 info
    var curInfo = getElementsByClassName("infoOn")[0];
    removeClass(curInfo,"infoOn");
    addClass(infoArr[num],"infoOn");
    //设置image的控制下标 index
    var _curIndex = getElementsByClassName("indexOn")[0];
    removeClass(_curIndex,"indexOn");
    addClass(indexArr[num],"indexOn");
  }
 
 
  //图片组相对原始左移dist px距离
  function goLeft(elem,dist){ 
    if(dist == 284){ //第一次时设置left为0px 或者直接使用内嵌法 style="left:0;"
      elem.style.left = "0px";
    }
    var toLeft; //判断图片移动方向是否为左
    dist = dist + parseInt(elem.style.left); //图片组相对当前移动距离
    if(dist<0){  
      toLeft = false;
      dist = Math.abs(dist);
    }else{ 
      toLeft = true;
    }
    for(var i=0;i<= dist/284;i++){ //这里设定缓慢移动，10阶每阶40px
      (function(_i){ 
        var pos = parseInt(elem.style.left); //获取当前left
        setTimeout(function(){ 
          pos += (toLeft)? -(_i * 284) : (_i * 284); //根据toLeft值指定图片组位置改变
          //console.log(pos);
          elem.style.left = pos + "px";
        },_i * 25); //每阶间隔50毫秒
      })(i);
    }
  }
 
  //通过class获取节点
  function getElementsByClassName(className){ 
    var classArr = [];
    var tags = document.getElementsByTagName('*');
    for(var item in tags){ 
      if(tags[item].nodeType == 1){ 
        if(tags[item].getAttribute('class') == className){ 
          classArr.push(tags[item]);
        }
      }
    }
    return classArr; //返回
  }
 
  // 判断obj是否有此class
  function hasClass(obj,cls){  //class位于单词边界
    return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
   }
   //给 obj添加class
  function addClass(obj,cls){ 
    if(!this.hasClass(obj,cls)){ 
       obj.className += cls;
    }
  }
  //移除obj对应的class
  function removeClass(obj,cls){ 
    if(hasClass(obj,cls)){ 
      var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
         obj.className = obj.className.replace(reg,'');
    }
  }
  
 var curIndex1 = 0, //当前index
      imgArr1 = getElementsByClassName("imgList1")[0].getElementsByTagName("li"), //获取图片组
      imgLen1 = imgArr1.length,
      infoArr1 = getElementsByClassName("infoList1")[0].getElementsByTagName("li"), //获取图片info组
      indexArr1 = getElementsByClassName("indexList1")[0].getElementsByTagName("li"); //获取控制index组
     // 定时器自动变换2.5秒每次
  var autoChange1 = setInterval(function(){ 
    if(curIndex1 < imgLen1 -1){ 
      curIndex1 ++; 
    }else{ 
      curIndex1 = 0;
    }
    //调用变换处理函数
    changeTo1(curIndex1); 
  },2500);
 
  //清除定时器时候的重置定时器--封装
  function autoChangeAgain1(){ 
      autoChange1 = setInterval(function(){ 
      if(curIndex1 < imgLen1 -1){ 
        curIndex1 ++;
      }else{ 
        curIndex1 = 0;
      }
    //调用变换处理函数
      changeTo1(curIndex1); 
    },2500);
    }
 
  //调用添加事件处理
  addEvent1();
 
  //给左右箭头和右下角的图片index添加事件处理
 function addEvent1(){
  for(var i=0;i<imgLen1;i++){ 
    //闭包防止作用域内活动对象item的影响
    (function(_i){ 
    //鼠标滑过则清除定时器，并作变换处理
    indexArr1[_i].onmouseover = function(){ 
      clearTimeout(autoChange1);
      changeTo1(_i);
      curIndex1 = _i;
    };
    //鼠标滑出则重置定时器处理
    indexArr1[_i].onmouseout = function(){ 
      autoChangeAgain1();
    };
     })(i);
  }
 
  //给左箭头prev添加上一个事件
  var prev1 = document.getElementById("prev1");
  prev1.onmouseover = function(){ 
    //滑入清除定时器
    clearInterval(autoChange1);
  };
  prev1.onclick = function(){ 
    //根据curIndex进行上一个图片处理
    curIndex1 = (curIndex1 > 0) ? (--curIndex1) : (imgLen1 - 1);
    changeTo1(curIndex1);
  };
  prev1.onmouseout = function(){ 
    //滑出则重置定时器
    autoChangeAgain1();
  };
 
   //给右箭头next添加下一个事件
  var next1 = document.getElementById("next1");
  next1.onmouseover = function(){ 
    clearInterval(autoChange1);
  };
  next1.onclick = function(){ 
    curIndex1 = (curIndex1 < imgLen1 - 1) ? (++curIndex1) : 0;
    changeTo1(curIndex1);
  };
  next1.onmouseout = function(){ 
    autoChangeAgain1();
  };
}
 
  //左右切换处理函数
  function changeTo1(num){ 
    //设置image
    var imgList1 = getElementsByClassName("imgList1")[0];
    goLeft1(imgList1,num*284); //左移一定距离
    //设置image 的 info
    var curInfo1 = getElementsByClassName("infoOn1")[0];
    removeClass1(curInfo1,"infoOn1");
    addClass1(infoArr1[num],"infoOn1");
    //设置image的控制下标 index
    var _curIndex1 = getElementsByClassName("indexOn1")[0];
    removeClass1(_curIndex1,"indexOn1");
    addClass1(indexArr1[num],"indexOn1");
  }
 
 
  //图片组相对原始左移dist px距离
  function goLeft1(elem,dist){ 
    if(dist == 284){ //第一次时设置left为0px 或者直接使用内嵌法 style="left:0;"
      elem.style.left = "0px";
    }
    var toLeft1; //判断图片移动方向是否为左
    dist = dist + parseInt(elem.style.left); //图片组相对当前移动距离
    if(dist<0){  
      toLeft1 = false;
      dist = Math.abs(dist);
    }else{ 
      toLeft1 = true;
    }
    for(var i=0;i<= dist/284;i++){ //这里设定缓慢移动，10阶每阶40px
      (function(_i){ 
        var pos = parseInt(elem.style.left); //获取当前left
        setTimeout(function(){ 
          pos += (toLeft1)? -(_i * 284) : (_i * 284); //根据toLeft值指定图片组位置改变
          //console.log(pos);
          elem.style.left = pos + "px";
        },_i * 50); //每阶间隔50毫秒
      })(i);
    }
  }
 

 
  // 判断obj是否有此class
  function hasClass1(obj,cls){  //class位于单词边界
    return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
   }
   //给 obj添加class
  function addClass1(obj,cls){ 
    if(!this.hasClass1(obj,cls)){ 
       obj.className += cls;
    }
  }
  //移除obj对应的class
  function removeClass1(obj,cls){ 
    if(hasClass1(obj,cls)){ 
      var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
         obj.className = obj.className.replace(reg,'');
    }
  }
  
  
  var curIndex3= 0, //当前index
      imgArr3 = getElementsByClassName("imgList3")[0].getElementsByTagName("li"), //获取图片组
      imgLen3 = imgArr3.length,
      infoArr3 = getElementsByClassName("infoList3")[0].getElementsByTagName("li"), //获取图片info组
      indexArr3 = getElementsByClassName("indexList3")[0].getElementsByTagName("li"); //获取控制index组
     // 定时器自动变换2.5秒每次
  var autoChange3 = setInterval(function(){ 
    if(curIndex3 < imgLen3 -1){ 
      curIndex3 ++; 
    }else{ 
      curIndex3 = 0;
    }
    //调用变换处理函数
    changeTo3(curIndex3); 
  },2500);
 
  //清除定时器时候的重置定时器--封装
  function autoChangeAgain3(){ 
      autoChange3 = setInterval(function(){ 
      if(curIndex3 < imgLen3 -1){ 
        curIndex3 ++;
      }else{ 
        curIndex3 = 0;
      }
    //调用变换处理函数
      changeTo3(curIndex3); 
    },2500);
    }
 
  //调用添加事件处理
  addEvent3();
 
  //给左右箭头和右下角的图片index添加事件处理
 function addEvent3(){
  for(var i=0;i<imgLen3;i++){ 
    //闭包防止作用域内活动对象item的影响
    (function(_i){ 
    //鼠标滑过则清除定时器，并作变换处理
    indexArr3[_i].onmouseover = function(){ 
      clearTimeout(autoChange3);
      changeTo3(_i);
      curIndex3 = _i;
    };
    //鼠标滑出则重置定时器处理
    indexArr3[_i].onmouseout = function(){ 
      autoChangeAgain3();
    };
     })(i);
  }
 
  //给左箭头prev添加上一个事件
  var prev3 = document.getElementById("prev3");
  prev3.onmouseover = function(){ 
    //滑入清除定时器
    clearInterval(autoChange3);
  };
  prev3.onclick = function(){ 
    //根据curIndex进行上一个图片处理
    curIndex3 = (curIndex3 > 0) ? (--curIndex3) : (imgLen3 - 1);
    changeTo3(curIndex3);
  };
  prev3.onmouseout = function(){ 
    //滑出则重置定时器
    autoChangeAgain3();
  };
 
   //给右箭头next添加下一个事件
  var next3 = document.getElementById("next3");
  next3.onmouseover = function(){ 
    clearInterval(autoChange3);
  };
  next3.onclick = function(){ 
    curIndex3 = (curIndex3 < imgLen3 - 1) ? (++curIndex3) : 0;
    changeTo3(curIndex3);
  };
  next3.onmouseout = function(){ 
    autoChangeAgain3();
  };
}
 
  //左右切换处理函数
  function changeTo3(num){ 
    //设置image
    var imgList3 = getElementsByClassName("imgList3")[0];
    goLeft3(imgList3,num*284); //左移一定距离
    //设置image 的 info
    var curInfo3 = getElementsByClassName("infoOn3")[0];
    removeClass3(curInfo3,"infoOn3");
    addClass3(infoArr3[num],"infoOn3");
    //设置image的控制下标 index
    var _curIndex3 = getElementsByClassName("indexOn3")[0];
    removeClass3(_curIndex3,"indexOn3");
    addClass3(indexArr3[num],"indexOn3");
  }
 
 
  //图片组相对原始左移dist px距离
  function goLeft3(elem,dist){ 
    if(dist == 284){ //第一次时设置left为0px 或者直接使用内嵌法 style="left:0;"
      elem.style.left = "0px";
    }
    var toLeft3; //判断图片移动方向是否为左
    dist = dist + parseInt(elem.style.left); //图片组相对当前移动距离
    if(dist<0){  
      toLeft3 = false;
      dist = Math.abs(dist);
    }else{ 
      toLeft3 = true;
    }
    for(var i=0;i<= dist/284;i++){ //这里设定缓慢移动，10阶每阶40px
      (function(_i){ 
        var pos = parseInt(elem.style.left); //获取当前left
        setTimeout(function(){ 
          pos += (toLeft3)? -(_i * 284) : (_i * 284); //根据toLeft值指定图片组位置改变
          //console.log(pos);
          elem.style.left = pos + "px";
        },_i * 50); //每阶间隔50毫秒
      })(i);
    }
  }
 

 
  // 判断obj是否有此class
  function hasClass3(obj,cls){  //class位于单词边界
    return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
   }
   //给 obj添加class
  function addClass3(obj,cls){ 
    if(!this.hasClass3(obj,cls)){ 
       obj.className += cls;
    }
  }
  //移除obj对应的class
  function removeClass3(obj,cls){ 
    if(hasClass3(obj,cls)){ 
      var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
         obj.className = obj.className.replace(reg,'');
    }
  }
  
  
  
  
  
  //////////
  var curIndex2 = 0, //当前index
      imgArr2 = getElementsByClassName("imgList2")[0].getElementsByTagName("li"), //获取图片组
      imgLen2 = imgArr1.length,
      infoArr2 = getElementsByClassName("infoList2")[0].getElementsByTagName("li"), //获取图片info组
      indexArr2 = getElementsByClassName("indexList2")[0].getElementsByTagName("li"); //获取控制index组
     // 定时器自动变换2.5秒每次
  var autoChange2 = setInterval(function(){ 
    if(curIndex2 < imgLen2 -1){ 
      curIndex2 ++; 
    }else{ 
      curIndex2 = 0;
    }
    //调用变换处理函数
    changeTo2(curIndex2); 
  },2500);
 
  //清除定时器时候的重置定时器--封装
  function autoChangeAgain2(){ 
      autoChange2 = setInterval(function(){ 
      if(curIndex2 < imgLen2 -1){ 
        curIndex2 ++;
      }else{ 
        curIndex2= 0;
      }
    //调用变换处理函数
      changeTo2(curIndex2); 
    },2500);
    }
 
  //调用添加事件处理
  addEvent2();
 
  //给左右箭头和右下角的图片index添加事件处理
 function addEvent2(){
  for(var i=0;i<imgLen2;i++){ 
    //闭包防止作用域内活动对象item的影响
    (function(_i){ 
    //鼠标滑过则清除定时器，并作变换处理
    indexArr2[_i].onmouseover = function(){ 
      clearTimeout(autoChange2);
      changeTo2(_i);
      curIndex2 = _i;
    };
    //鼠标滑出则重置定时器处理
    indexArr2[_i].onmouseout = function(){ 
      autoChangeAgain2();
    };
     })(i);
  }
 
  //给左箭头prev添加上一个事件
  var prev2 = document.getElementById("prev2");
  prev2.onmouseover = function(){ 
    //滑入清除定时器
    clearInterval(autoChange2);
  };
  prev2.onclick = function(){ 
    //根据curIndex进行上一个图片处理
    curIndex2 = (curIndex2 > 0) ? (--curIndex2) : (imgLen2 - 1);
    changeTo2(curIndex2);
  };
  prev2.onmouseout = function(){ 
    //滑出则重置定时器
    autoChangeAgain2();
  };
 
   //给右箭头next添加下一个事件
  var next2 = document.getElementById("next2");
  next2.onmouseover = function(){ 
    clearInterval(autoChange2);
  };
  next2.onclick = function(){ 
    curIndex2 = (curIndex2 < imgLen2 - 1) ? (++curIndex2) : 0;
    changeTo2(curIndex2);
  };
  next2.onmouseout = function(){ 
    autoChangeAgain2();
  };
}
 
  //左右切换处理函数
  function changeTo2(num){ 
    //设置image
    var imgList2 = getElementsByClassName("imgList2")[0];
    goLeft2(imgList2,num*284); //左移一定距离
    //设置image 的 info
    var curInfo2= getElementsByClassName("infoOn2")[0];
    removeClass2(curInfo2,"infoOn2");
    addClass2(infoArr2[num],"infoOn2");
    //设置image的控制下标 index
    var _curIndex2 = getElementsByClassName("indexOn2")[0];
    removeClass2(_curIndex2,"indexOn2");
    addClass2(indexArr2[num],"indexOn2");
  }
 
 
  //图片组相对原始左移dist px距离
  function goLeft2(elem,dist){ 
    if(dist == 284){ //第一次时设置left为0px 或者直接使用内嵌法 style="left:0;"
      elem.style.left = "0px";
    }
    var toLeft2; //判断图片移动方向是否为左
    dist = dist + parseInt(elem.style.left); //图片组相对当前移动距离
    if(dist<0){  
      toLeft2 = false;
      dist = Math.abs(dist);
    }else{ 
      toLeft2 = true;
    }
    for(var i=0;i<= dist/284;i++){ //这里设定缓慢移动，10阶每阶40px
      (function(_i){ 
        var pos = parseInt(elem.style.left); //获取当前left
        setTimeout(function(){ 
          pos += (toLeft2)? -(_i * 284) : (_i * 284); //根据toLeft值指定图片组位置改变
          //console.log(pos);
          elem.style.left = pos + "px";
        },_i * 50); //每阶间隔50毫秒
      })(i);
    }
  }
 

 
  // 判断obj是否有此class
  function hasClass2(obj,cls){  //class位于单词边界
    return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
   }
   //给 obj添加class
  function addClass2(obj,cls){ 
    if(!this.hasClass2(obj,cls)){ 
       obj.className += cls;
    }
  }
  //移除obj对应的class
  function removeClass2(obj,cls){ 
    if(hasClass2(obj,cls)){ 
      var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
         obj.className = obj.className.replace(reg,'');
    }
  }
 
  </script>


</body>
</html>
